<template>
	<view>
		<cu-custom style="height: 0px;" bgColor="bg-gradual-blue" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">处理工单</block>
		</cu-custom>
		<!-- 头部开始 -->
		<view class="goods-header-wrap">
			<view class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 1 == goodsNav}" @click="setNav(1)">
				处理意见
			</view>
			<view v-if="showSpareV2" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 3== goodsNav}" @click="setNav(3)">
				更换备件(新)
			</view>
			<view v-if="IsSceneTopic==1" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 5== goodsNav}" @click="setNav(5)">
				工作内容
			</view>
			<view v-if="isQrcodeService==1" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 4== goodsNav}" @click="setNav(4)">
				收费项目
			</view>
			<view v-if="!showSpareV2" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 2== goodsNav}" @click="setNav(2)">
				更换备件
			</view>
			<view v-if="isSceneFactory==1" class="goods-header-item goods-header-item-action" :class="{'goods-header-item-active' : 6 == goodsNav}" @click="setNav(6)">
				工作量
			</view>
		</view>
		<view v-if="1 == goodsNav" class="content" style="padding-top: 0rpx;">
			<view  v-if="isSceneFactory == 1" class="timeBox">
				<view class="timeLine">
					<view class="leftTime">
						<text class="timeText">开始时间</text><text class="detailTime">{{AddTime == null ? '' : AddTime}}</text>
					</view>
					<view v-if="AddTime == null" class="timeBtn">
						<button @click="keepOnWork">开始工作</button>
					</view>
					<view v-if="BtnStatus == 1" class="timeBtn">
						<button @click="keepOnWork">暂停工作</button>
					</view>
				</view>
				<view v-if="BtnStatus == 2" class="timeLine">
					<view class="leftTime">
						<text class="timeText">结束时间</text><text class="detailTime">{{UpdateTime}}</text>
					</view>
					<view class="timeBtn">
						<button @click="keepOnWork">继续工作</button>
					</view>
				</view>
			</view>
			
			<view class="contentCustom">
				<view class="each">
					<view class="repairType">
						<text style="color: black;"><text style="font-size: 30rpx;color: red;padding: 0 10rpx 0 5rpx;">*</text>问题是否已解决</text>
					</view>
					<view class="repairBox personBox">
						<u-radio-group v-model="handleIsOk" @change="radioGroupChange">
							<u-radio
								@change="radioChange" 
								v-for="(item, index) in list" :key="index" 
								:name="item.name"
								:disabled="item.disabled"
							>
								<text style="font-size: 34rpx;margin-right: 48rpx;">{{item.name}}</text>
							</u-radio>
						</u-radio-group>
					</view>
				</view>
			</view>
			
			<view class="chooseBoxTextArea">
				<view class="titleleftBox">
					<view class="choose">
						<view class="chooseLeft"><text style="color:red;margin-right: 4rpx;">*</text>处理描述</view>
						<view class="chooseRightContainer">
							<view @click="goFault()" class="chooseRight text-blue">
								<text class="bxImg cuIcon-read text-blue" style="margin-right: 10rpx;height: 18rpx;width: 18rpx"></text>
								参考经验库
							</view>
						</view>
					</view>
					<textarea v-model="SceneDesc" class="descTextArea" placeholder="请填写处理结果"/>
					<!-- 新增“按住说话”按钮 -->
					<!-- <view class="holdToTalkButton" @touchstart="streamRecord" @touchend="streamRecordEnd" >
						<text class="bxImg cuIcon-voicefill" style="margin-right: 10rpx;height: 24rpx;width: 24rpx;font-size: #333;"></text>
						按住说话（AI语音转文字）
					</view> -->
				</view>
			</view>
			<active-form style="width:100% !important;padding-bottom: 240rpx" :formDate.sync="formData" num></active-form>
			<view v-if="isSceneFactory==1" class="publish-goods-wrap">
				<view v-if="showStart"  @click="startservice" class="publish-goods-btn-left">开始维修</view>
				<view v-if="showSave" @click="saveservice" class="publish-goods-btn-left">暂存数据</view>
				<view @click="endHandleScene"  class="publish-goods-btn-right" >结束维修</view>
			</view>
			<view v-if="isSceneFactory==0" class="publish-goods-wrap">
				<view :disabled="isButtonDisabled1" @click="submit"  class="publish-goods-btn" >结束维修</view>
			</view>
		</view>
		<view v-if="3 == goodsNav" class="content" style="padding-top: 0rpx;">
			<view style="padding-bottom: 20rpx;" class="content-body">
				<view class="choisespare" @click="choisespareV2">
					<text style="margin-right: 10rpx;" class="bxImg cuIcon-add text-blue"></text>
					添加备件领用单(新)
				</view>
			</view>
			<view style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
				<view class="shop-car">
					<view class="store-box" v-for="(itemq,indexq) in chooseSpareList" :key="indexq">
						<view class="ETBJAndFSEntitytitle">
							<text class="ETBJAndFSEntitytitle-left">领用单号：{{itemq.OutCode}}</text>
							<text class="ETBJAndFSEntitytitle-right" :class="itemq.Status==1?'status1':itemq.Status==2?'status2':'status3'">
								{{itemq.Status==1?'审核中':itemq.Status==2?'已通过':'已驳回'}}
							</text>
						</view>
						<view class="ETBJAndFSEntitytitleStore">
							<text class="ETBJAndFSEntitytitle-left">出库仓库：{{itemq.WarehouseName}}</text>
						</view>
						<view class="goodsInfo" v-for="(itemw,indexw) in itemq.ETBJAndFSEntityDTO" :key="indexw">
							<view class="goodsInfo-right">
								<image :src="spareNoData" class="goods-image" mode=""></image>
								<view class="goodsInfo-box">
									<text class="goods-name">{{itemw.Name}}</text>
									<text class="spe">单位/型号：{{itemw.Unit}} / {{itemw.Model}}</text>
									<text class="spe">库存上下限：{{ itemw.MinCounts }}-{{ itemw.MaxCounts }}</text>
									<view class="goods-box">
										<text class="goods-price">申请：{{itemw.ApplyCounts}}</text>
										<text class="goods-price1">审批：{{itemw.AcceptCounts}}</text>
										<!-- <text  @tap="goodsCheck(indexq,indexw,itemw.checked)" class="goods-price">库存：{{itemw.Number}}</text> -->
										<view v-if="false" class="goods-num-box">
											<view class="goods-image" @tap="sub(indexq,indexw,itemw.counts)">
												<text>-</text>
											</view>
											<view class="goods-num">
												<text>{{itemw.chooseCount}}</text>
											</view>
											<view class="goods-image" @tap="add(indexq,indexw,itemw.counts)">
												<text>+</text>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view class="publish-goods-wrap">
				<view class="publish-goods-btn" @click="saveservice">暂存</view>
			</view>
		</view>
		<view v-if="2 == goodsNav" class="content" style="padding-top: 0rpx;">
			<view style="padding-bottom: 20rpx;" class="content-body">
				<view class="choisespare" @click="choisespare">
					<text style="margin-right: 10rpx;" class="bxImg cuIcon-add text-blue"></text>
					添加备件领用单
				</view>
			</view>
			<view style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
				<view class="shop-car">
					<view class="store-box" v-for="(itemq,indexq) in chooseSpareList" :key="indexq">
						<view class="ETBJAndFSEntitytitle">
							<text class="ETBJAndFSEntitytitle-left">领用单号：{{itemq.OutCode}}</text>
							<text class="ETBJAndFSEntitytitle-right" :class="itemq.Status==1?'status1':itemq.Status==2?'status2':'status3'">
								{{itemq.Status==1?'审核中':itemq.Status==2?'已通过':'已驳回'}}
							</text>
						</view>
						<view class="goodsInfo" v-for="(itemw,indexw) in itemq.ETBJAndFSEntityDTO" :key="indexw">
							<view class="goodsInfo-right">
								<image @tap="goodsCheck(indexq,indexw,itemw.checked)" :src="spareNoData" class="goods-image" mode=""></image>
								<view class="goodsInfo-box">
									<text  @tap="goodsCheck(indexq,indexw,itemw.checked)" class="goods-name">{{itemw.Name}}</text>
									<text  @tap="goodsCheck(indexq,indexw,itemw.checked)" class="spe">规格/型号：{{itemw.Model}} / {{itemw.Unit}}</text>
									<text  @tap="goodsCheck(indexq,indexw,itemw.checked)" class="spe">库存上下限：{{ itemw.MinCounts }}-{{ itemw.MaxCounts }}</text>
									<view class="goods-box">
										<text class="goods-price">申请：{{itemw.ApplyCounts}}</text>
										<text class="goods-price1">审批：{{itemw.AcceptCounts}}</text>
										<!-- <text  @tap="goodsCheck(indexq,indexw,itemw.checked)" class="goods-price">库存：{{itemw.Number}}</text> -->
										<view v-if="false" class="goods-num-box">
											<view class="goods-image" @tap="sub(indexq,indexw,itemw.counts)">
												<text>-</text>
											</view>
											<view class="goods-num">
												<text>{{itemw.chooseCount}}</text>
											</view>
											<view class="goods-image" @tap="add(indexq,indexw,itemw.counts)">
												<text>+</text>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="publish-goods-wrap">
				<view class="publish-goods-btn" @click="saveservice">暂存</view>
			</view>
		</view>
		<view v-if="4 == goodsNav" class="content" style="padding-top: 0rpx;">
			<view style="padding-bottom: 20rpx;" class="content-body-service">
				<view :class="directFillPrice==1?'choiseservice-active':''" class="choiseservice" @click="fillPrice">
					<text style="margin-right: 10rpx;" :class="directFillPrice==1?'text-blue':''" class="bxImg cuIcon-moneybag"></text>
					直接填写价格计算
				</view>
				<view :class="directFillPrice==0?'choiseservice-active':''" class="choiseservice" @click="chooseService">
					<text style="margin-right: 10rpx;" :class="directFillPrice==0?'text-blue':''" class="bxImg cuIcon-cart"></text>
					根据服务项目计算
				</view>
			</view>
			<view v-if="directFillPrice==1" style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
				<view class="shop-car">
					<view class="store-box">
						<view class="chooseBoxTextArea">
							<view class="titleleftBox">
								<view class="choose">
									<view class="chooseLeft">总计费用 ¥</view>
								</view>
								<input v-model="totalPrice" min="0" style="padding-top: 0rpx;" type="number" class="proceTextarea"/>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-if="directFillPrice!=1" style="margin-top: 20rpx;padding-top: 0px;" class="content-body">
				<view v-if="chooseServiceList==0" class="shop-car" style="margin-bottom: 10rpx;">
					<view style="padding-bottom: 20rpx;" class="content-body-service">
						<view class="choiseservice" @click="goChooseService">
							<text style="margin-right: 10rpx;" class="bxImg cuIcon-add text-blue"></text>
							选择服务项目
						</view>
					</view>
				</view>
				<view class="shop-car">
					<view class="store-box" v-for="(itemq,indexq) in chooseServiceList" :key="indexq">
						<view class="ETBJAndFSEntitytitle">
							<text class="ETBJAndFSEntitytitle-left">领用单号：{{itemq.OutCode}}</text>
							<text @click="removeSceneService(itemq.Id)" style="font-weight: 400 !important;" class="ETBJAndFSEntitytitle-right" :class="'status3'">
								删除
							</text>
						</view>
						<view class="goodsInfo" v-for="(itemw,indexw) in itemq.QrcodeSceneServiceResultDTO" :key="indexw">
							<view class="goodsInfo-right">
								<image :src="sceneServiceNoData" class="goods-image" mode=""></image>
								<view style="align-items:left" class="goodsInfo-box">
									<text class="goods-name">{{itemw.ServiceName}}</text>
									<text class="spe">{{itemw.ServiceDesc}}</text>
									<view class="goods-box">
										<text style="font-weight: 400 !important;" class="goods-price">单价：{{itemw.ServicePrice}}  -  数量：{{itemw.Counts}}{{itemw.ServiceUnitName}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="ETBJAndFSEntitytitle">
							<text class="ETBJAndFSEntitytitle-left" :class="'status2'">服务项目小计：{{itemq.TotalPrice}}</text>
							<text class="ETBJAndFSEntitytitle-right">
							</text>
						</view>
					</view>
				</view>
				<view v-if="chooseServiceList.length>0">
					<view class="shop-car">
						<view class="store-box">
							<view style="border-bottom:none !important;margin-bottom: 0rpx !important;" class="ETBJAndFSEntitytitle">
								<text class="ETBJAndFSEntitytitle-left" :class="'status3'">服务合计费用：{{allPriceNotChange}}</text>
								<text class="ETBJAndFSEntitytitle-right">
								</text>
							</view>
						</view>
					</view>
					<view class="shop-car">
						<view class="store-box">
							<view class="chooseBoxTextArea">
								<view class="titleleftBox">
									<view class="choose">
										<view class="chooseLeft">折扣费用 ¥</view>
									</view>
									<input :value="discountPrice" :max="allPriceNotChange" min="0" style="padding-top: 0rpx;" @input="onKeyInput" type="number" class="proceTextarea"/>
								</view>
							</view>
						</view>
					</view>
					<view class="shop-car">
						<view class="store-box">
							<view class="chooseBoxTextArea">
								<view class="titleleftBox">
									<view class="choose">
										<view class="chooseLeft">总计 ¥</view>
									</view>
									<textarea disabled type="number" :value="allPrice" class="proceTextarea"/>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="publish-goods-wrap">
				<view class="publish-goods-btn" @click="saveQrcodeSceneProcess">保存收费项目</view>
			</view>
		</view>
		
		<view v-if="5 == goodsNav" class="content" style="padding-top: 0rpx;">
			<view class=""  style="margin-bottom: 110rpx;width: 100%;background-color: white;">
				<view class="page-box">
					<view class="cu-timeline">
						<view class="cu-time">
							<text class='cuIcon-selection text-white bg-blue text-lg round padding-xs'></text>
							<text class='text-xl margin-left'>工单工作内容</text>
						</view>
					</view>
					<view class="cu-timeline" v-for="(res, index) in SceneWorkFlowList" :key="res.Id">
						<view class="cu-item" :class="res.SignStatus==1?'text-blue':res.SignStatus==2?'text-orange':'text-green'">
							<view class="content">
								<view class="cu-capsule radius">
									<view  class="cu-tag" :class="res.SignStatus==1?'bg-blue':res.SignStatus==2?'bg-orange':'bg-green'">({{res.Sort}}){{res.WorkFlowName}}{{res.Required==1?'-必答':''}}</view>
									<view class="cu-tag"></view>
									<view v-if="res.SignStatus==1" @click="goTopic(res.Id,res.SignStatus,res.SignId)"  style="margin-left: 20rpx;border-left: 1px solid;" class="cu-tag" :class="res.SignStatus==1?'line-blue':res.SignStatus==2?'line-orange':'line-green'">去填写</view>
									<view v-if="res.SignStatus==2" @click="goTopic(res.Id,res.SignStatus,res.SignId)"  style="margin-left: 20rpx;border-left: 1px solid;" class="cu-tag" :class="res.SignStatus==1?'line-blue':res.SignStatus==2?'line-orange':'line-green'">继续填写</view>
									<view v-if="res.SignStatus==3" @click="goTopic(res.Id,res.SignStatus,res.SignId)"  style="margin-left: 20rpx;border-left: 1px solid;" class="cu-tag" :class="res.SignStatus==1?'line-blue':res.SignStatus==2?'line-orange':'line-green'">查看</view>
								</view>
							</view>
						</view>
					</view>
					<view style="width:100%;height:200rpx;"></view>
				</view>
			</view>
		</view>
		
		<view v-if="6 == goodsNav" class="content" style="padding-top: 0rpx;">
			<view class="goodsNav6">
				<!-- <button v-if='isbtn' class="addMinorBtn" @click="addMinor">
					<text style="margin-right: 10rpx;" class="bxImg cuIcon-add text-blue"></text>
					添加共同处理人员
				</button> -->
				<ba-tree-picker ref="treePicker" :multiple='true' @select-change="selectAssign" title="选择部门/人员"
				     :localdata="treeUserList" valueKey="id" textKey="name" childrenKey="children" />
				<view class="repairContent">
					<view class="marginBto45rpx" v-if="majorList.length > 0">
						<view class="repairInfoBox" v-for="(item,index) in majorList" :key="item.UserID">
							<view class="whoRepair" v-if="item.IsMajor">
								工单填报人
							</view>
							<view class="repairInfoCard">
								<view class="repairer">
									维修员: <text class="repairName">{{item.UserName}}</text>
								</view>
								
								<view class="timeCard" v-for="(i,index) in item.model.list" :key="index">
									<view class="timeLines">
										<view class="showTimeLine">
											<text class="timeTitle">开始时间: </text> <text>{{i.StartTime}}</text>
										</view>
										<view class="showTimeLine">
											<text class="timeTitle">结束时间: </text> <text>{{i.EndTime}}</text>
										</view>
									</view>
									<view class="totalTime">
										<text class="workHourtitle">工时: </text>
										<text class="workHour">{{i.ManhourStr == '' ? '0' : i.ManhourStr}}</text>
									</view>
								</view>
								<view class="footTime" :class="[isbtn && item.IsDelete ? 'disFlex' : '']">
									<view>
										总工时: <text class="workHour">{{item.model.ManhourStr == '' ? '0' : item.model.ManhourStr}}</text>
									</view>
									<view class="delCon" v-if="isbtn && item.IsDelete " @click="delMinor(item.Id)">
										<image src="/static/del.png" mode="widthFix"></image>
									</view>
								</view>
							</view>
							<view class="whoRepair" v-if="item.IsMajor && majorList.length > 1">
								辅修人
							</view>
						</view>
					
					</view>
					
				</view>
				
			</view>
				
		</view>
		<!-- 切换选择仓库弹窗 -->
		<view class="cu-modal" :class="modalName=='ModalGitee'?'show':''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">选择仓库</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view class="padding-xl">
					<view class="page-box">
						<view class="order" v-for="(res, index) in SpareWareHouseList" :key="res.Id">
							<view class="bottom">
								<view>
									<!-- text-blue 选中状态 -->
									<text class="text-shadow">{{res.Name}}</text>
								</view>
								
								<view class="btnBox">
									<!-- evaluate 选中状态 -->
									<view @click="chooseSpareWareHouseGoSpareList(res.Id)" :class="res.isChose?'evaluate':''" class=" btn">选择</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 语音动画 -->
		<view class="prompt" v-if="animation">
			<section class="dots-container">
				<view class="dot"></view>
				<view class="dot"></view>
				<view class="dot"></view>
				<view class="dot"></view>
				<view class="dot"></view>
			</section>
			<text>录音中...</text>
		</view>
	</view>
</template>

<script>
import ActiveForm from "@/components/active-form/active-form";
import request from '@/common/request.js';
import QQMapWX from "@/common/qqmap-wx-jssdk";
// const plugin = requirePlugin("WechatSI")
// let voiceManager = plugin.getRecordRecognitionManager()
export default {
    components: {
		ActiveForm 
    },
    data() {
        return {
			voiceRecorder: null,
			animation:false,
			SceneDesc:'',
			handleIsOk: '已解决',
			list: [
				{
					name: '已解决',
					disabled: false
				},
				{
					name: '未解决',
					disabled: false
				}
			],
			//工作量-start
			isbtn: '', // 是否是主修人
			BtnStatus: '', // 按钮状态 -1 啥也没有 1 有暂停工作 2 开始工作
			majorList:[],
			treeUserList: [],
			AddTime: '',
			UpdateTime:'',
			//工作量-end
			SceneWorkFlowList:[],
			IsSceneTopic:0,
			showSpareV2:false,
			SpareWareHouseList:[],
			modalName: null,
			isButtonDisabled1:false,
			directFillPrice:1, //是否直接填价格
			isQrcodeService:0,  //是否开启服务项目
			discountPrice:0,
			allPrice:0,
			totalPrice:'', //直接填写的价格
			allPriceNotChange:0,
			qrcodeId:'',
			showStart:true,
			showSave:false,
			isSceneFactory:0,
			spareNoData:this.$request22.baseUrl1+'/Resource/Sg/spare/sparenodata.png',
			sceneServiceNoData:this.$request22.baseUrl1+'/Resource/Sg/scene/sceneServiceNoData.png',
			goodsNav: 1,
			modalName: null,
			id:0,
			orderList: [],
			chooseSpareList:[],
			chooseServiceList:[],
			requestData:{
				Id:'',
				Longitude:'',
				Latitude:'',
				Desc:'',
				Images:[],
				Video:'',
				//备件
				SceneSpare:'',
				chooseSceneSpareTitle:''
			},
			formData: [
			  {
				id: "asdfdfgd",
				placeholder: "拍摄照片",
				label: "拍摄照片 ",
				type: "image",
				watermark:{
					UserName:'',
					JobName:'',
					nowTime:'',
					address:'',
					jingweidu:'',
					customerName:'',
					fileType:999,   //999工单，967 巡检强制拍照，968 巡检答题拍照，969 维保图片
					chooseAlbum:false,
					onlyShow:'false',
				},
				rules: [{
				  name: "photo1",
				  value: "",
				  verify: false,
				  errMess: "拍摄照片1",
				},{
				  name: "photo2",
				  value: "",
				  verify: false,
				  errMess: "拍摄照片2",
				},{
				  name: "photo3",
				  value: "",
				  verify: false,
				  errMess: "拍摄照片3",
				}],
			  },
			  {
				id: "asdf111gd",
				placeholder: "拍摄视频",
				label: "拍摄视频 ",
				type: "video",
				url:this.$request22.baseUrl,
				onlyShow:'false',
				rules: {
				  name: "video",
				  value: "",
				  verify: false,
				  errMess: "拍摄视频",
				},
			  }
			],
		};
    },
	onShow: function() {
		let that = this
		// uni.$on('returnData',function(data){
		// })
		if(that.showSpareV2){
			that.GetChooseOutboundSpareBySceneIdV2();
		}else{
			that.GetChooseOutboundSpareBySceneId();
		}
		that.GetChooseOutboundServiceBySceneId();
		if(that.IsSceneTopic==1){
			that.GetSceneWorkFlowList();
		}
	},
	onLoad(option) {
		this.onloadCheckRecordAuth()
		this.id=option.id
		this.qrcodeId=option.qrcodeId
		this.isSceneFactory=option.isSceneFactory
		if(this.isSceneFactory==1){
			this.getHandleSceneDetail(option.id);
			this.getNewHandleDetail(option.id);
		}else{
			this.showStart=false
			this.showSave=false
			this.getHandleSceneDetail(option.id);
		}
		
		
		let that=this
		//判断用什么备件系统
		uni.getStorage({
		  	key: 'userdata',
		  	success: function (userStorageRes) {
				console.log('userStorageRes.data.IsSpareV2:'+userStorageRes.data.IsSpareV2)
				if(userStorageRes.data.IsSpareV2!=undefined&&userStorageRes.data.IsSpareV2!=null&&userStorageRes.data.IsSpareV2!=0){
					that.showSpareV2=true
				}
		  	}
		});
	},
	mounted() {
		let that=this
		that.getWaterMarkSettings()
	},
    methods: {
		goFault(){
			let that=this
			let qrcodeId=that.qrcodeId
			uni.navigateTo({
				url: '/pages-others/fault/fault?qrcodeId='+qrcodeId
			})
		},
		// streamRecord() {
		// 	//console.log('开始录音')
		// 	this.animation = true
		// 	voiceManager.start({
		// 		lang: "zh_CN",
		// 		context: this // 确保上下文正确
		// 	})
		// },
		// streamRecordEnd() {
		// 	//console.log('结束录音')
		// 	this.animation = false
		// 	voiceManager.stop()
		// 	uni.vibrateShort()
		// 	uni.showLoading({
		// 		title: 'AI识别中...'
		// 	})
		// },
		// initRecord() {
		// 	uni.hideLoading()
		// 	// 实时识别结果
		// 	voiceManager.onRecognize = (res) => {
		// 		uni.hideLoading()
		// 		if (res.result) {
		// 			uni.showToast({ title: res.result, icon: 'none' })
		// 			console.log("res.result1:"+res.result)
		// 			this.SceneDesc = res.result
		// 		}
		// 	}
		// 	// 最终识别结果
		// 	voiceManager.onStop = (res) => {
		// 		uni.hideLoading()
		// 		//console.log('识别结果', res)
		// 		if (res.result) {
		// 			console.log("res.result2:"+res.result)
		// 			uni.showToast({ title: res.result, icon: 'none' })
		// 			this.SceneDesc = res.result
		// 		} else {
		// 			uni.showToast({ title: '未识别到内容', icon: 'none' })
		// 		}
		// 	}
		// 	// 错误处理
		// 	voiceManager.onError = (err) => {
		// 		console.error('识别错误', err)
		// 		this.animation = false
		// 		uni.showToast({ title: '语音识别失败，请重试', icon: 'none',duration:3000 })
		// 	}
		// },
		onloadCheckRecordAuth(){
			uni.getSetting({
				success(res) {
					if (!res.authSetting['scope.record']) {
					// 请求权限
					uni.authorize({
					  scope: 'scope.record',
					  success() {
					  },
					  fail() {
						uni.showModal({
						  title: '权限不足',
						  content: '需要麦克风权限才能录音，请前往设置开启',
						  confirmText: '去设置',
						  success(res) {
							if (res.confirm) {
							  uni.openSetting(); // 打开设置页面
							}
						  }
						});
					  }
					});
				  } else {
				  }
				}
			});	
		},
		// 选中某个单选框时，由radio时触发
		radioChange(e) {
			console.log(e);
		},
		// 选中任一radio时，由radio-group触发
		radioGroupChange(e) {
			console.log(e);
		},
		keepOnWork(){
			// 继续、暂停、开始工作
			let that = this;
			let opts = {
				url: 'SceneAPi/AddQrcodeSceneWorkload',
				method: 'post'
			};
			let params = that.Entity
			request.httpTokenRequest(opts, params).then(res => {
				if (res.data.code == 1) {
					that.getNewHandleDetail(that.id)
					that.getAllSceneUserInfo()
				}
			})
		},
		getNewHandleDetail(id) {
			let that =this
			let opts = {
				url: 'SceneAPi/GetQrcodeSceneWorkloadBySceneId',
				method: 'get'
			}
			let params = {
				SceneId:id
			}
			request.httpTokenRequest(opts,params).then(res => {
				if (res.data.code == 1) {
					let newData = res.data.data.Data
					that.AddTime = newData.AddTime
					that.UpdateTime = newData.UpdateTime
					that.isbtn = newData.isbtn;
					that.BtnStatus = newData.BtnStatus;
					that.Entity = newData.Entity;
				}
			})
		},
		// 获取主辅修人员
		getAllSceneUserInfo() {
			uni.showLoading({
				title: '加载中'
			})
			let opts = {
				url: 'SceneAPi/GetQrcodeSceneMinorCultivatorList',
				method: 'get'
			};
			let params = {
				SceneId: this.id
			}
			request.httpTokenRequest(opts,params).then( res => {
				uni.hideLoading()
				if (res.data.code == 1) {
					let list = res.data.data.Data.list
					this.majorList = list
				}
			})
		},
		// 添加辅修人
		addMinor() {
			let that = this;
			let opts = {
				url: 'APi/GetDepartmentTreeList',
				method: 'get'
			};
			uni.showLoading({
				title: '加载中'
			})
			let GetDepartmentTreeListPara={
				type:'notall'
			}
			request.httpTokenRequest(opts,GetDepartmentTreeListPara).then(res => {
				uni.hideLoading();
				if(res.data.code == 1){
					that.treeUserList=res.data.data
					this.$refs.treePicker._show();
				}else{
					uni.showToast({ title: '人员架构获取失败', icon: '/static/cha.png' });
				}
			})
		},
		selectAssign(ids){
			let that=this
			if(ids.length==0){
				uni.showToast({ title:'请选择人员或部门', icon: 'none' });
				this.$refs.treePicker._show();
			}else{
				let opts = {
					url: 'SceneAPi/AddQrcodeSceneMinorCultivator',
					method: 'post'
				}
				let getdata={
					// UserId: ids[0].id,
					sceneUserOrDepart:ids,
					sceneId: that.id
				}
				request.httpTokenRequest(opts,getdata).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						uni.showToast({ title: '添加成功', icon: 'none' });
						setTimeout(() => {
							this.getAllSceneUserInfo()
						}, 1000)
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' ,duration:4000 });
					}
				});
			}
		},
		
		// 删除辅修人
		delMinor(id) {
			uni.showModal({
				title: '提示',
				content: '确认要删除该辅修人?',
				cancelText: '取消',
				confirmText: '删除',
				confirmColor: '#f55850',
				cancelColor: '#39B54A',
				success: (res) => {
					if(res.confirm) {
						let opts = {
							url: 'SceneAPi/DeleteQrcodeSceneMinorCultivatorEntity',
							method: 'get'
						}
						request.httpTokenRequest(opts,{ids: id}).then(res => {
							if (res.data.code == 1) {
								uni.showToast({ title:'删除成功', icon: '/static/success.png' });
								setTimeout(() => {
									this.getAllSceneUserInfo()
								}, 100)
							}
						})
					} else {
						console.log('取消删除')
					}
				}
			})
		},
		GetSceneWorkFlowList(){
			let that=this
			uni.showLoading({
				title:'请求中...'
			})
			let opts = {
				url: 'SceneApi/GetSceneWorkFlowList?SceneId='+that.id,
				method: 'get'
			};
			request.httpTokenRequest(opts).then(res => {
				uni.hideLoading()
				if(res.data.code == 1){
					that.SceneWorkFlowList=res.data.data
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
		},
		goTopic(id,SignStatus,SignId){
			let that=this
			uni.navigateTo({
				url: '/pages-scene/workflow/sceneTopic?flowId='+id+'&SceneId='+that.id+'&SignStatus='+SignStatus+'&SignId='+SignId
			})	
		},
		saveQrcodeSceneProcess(){
			let that=this
			uni.showLoading({
				title:'提交中...'
			})
			let opts = {
				url: 'Api/saveHandleSceneService',
				method: 'post'
			};
			let postData={
				Id:that.id,
				directFillPrice:that.directFillPrice,
			}
			//是否直接填价格
			if(that.directFillPrice==1){
				postData.discountPrice=0
				postData.totalPrice=that.totalPrice
			}else{
				postData.discountPrice=that.discountPrice
				postData.totalPrice=that.allPrice
			}
			request.httpTokenRequest(opts,postData).then(res => {
				uni.hideLoading()
				if(res.data.code == 1){
					that.getHandleSceneDetail(that.id)
					that.GetChooseOutboundServiceBySceneId()
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
		},
		fillPrice(){
			this.directFillPrice=1
		},
		removeSceneService(Id){
			let that=this
			uni.showLoading({
				title:'删除中...'
			})
			let opts = {
				url: 'SceneApi/DeleteSceneService',
				method: 'get'
			};
			let postData={
				Id:Id
			}
			request.httpTokenRequest(opts,postData).then(res => {
				uni.hideLoading()
				if(res.data.code == 1){
					that.GetChooseOutboundServiceBySceneId();
					that.discountPrice=''
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
		},
		onKeyInput: function(event) {
			let that=this
			that.discountPrice=event.detail.value
			that.allPrice=that.allPriceNotChange-that.discountPrice
		},
		//结束维修
		endHandleScene(){
			var that = this;
			let opts = {
				url: 'api/endHandleScene',
				method: 'post'
			};
			let images=[]
			let imagesArry=that.formData[0].rules
			
			if(that.formData[0].rules[0].value!=null&&that.formData[0].rules[0].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[0].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			if(that.formData[0].rules[1].value!=null&&that.formData[0].rules[1].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[1].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			if(that.formData[0].rules[2].value!=null&&that.formData[0].rules[2].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[2].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			let opts1 = {
				url: 'api/checkHandleSceneContainsOutboundSpareList',
				method: 'post'
			};
			let params1={
				Id:that.id,
			};
			
			let SaveQrcodeSceneProcessInfo={
				Id:that.id,
				Images:images.join(','),
				isok:that.handleIsOk=='已解决'?1:0,
				Desc:that.SceneDesc,
				Voice:that.formData[1].rules.value,
			};
			request.httpTokenRequest(opts1,params1).then(res => {
				if(res.data.code == 1){
					//继续
					request.httpTokenRequest(opts,SaveQrcodeSceneProcessInfo).then(res => {
						uni.hideLoading();
						if(res.data.code == 1){
							uni.showToast({ title: '保存成功', icon: 'none' });
							//跳转回去
							setTimeout(() => {
								 uni.reLaunch({
									url: '/pages/index/tabbar?PageCur='+'index'
								 });
							}, 300)
						}
						else{
							uni.showToast({ title: res.data.msg, icon: 'none' });
						}
					});	
				}
				else{
					uni.showModal({
						title: '备件审批未通过',
						content: '备件领用申请尚未审批通过，是否继续？',
						success: function (res111) {
							if (res111.confirm) {
								
								request.httpTokenRequest(opts,SaveQrcodeSceneProcessInfo).then(res => {
									uni.hideLoading();
									if(res.data.code == 1){
										uni.showToast({ title: '保存成功', icon: 'none' });
										//跳转回去
										setTimeout(() => {
											 uni.reLaunch({
												url: '/pages/index/tabbar?PageCur='+'index'
											 });
										}, 300)
									}
									else{
										uni.showToast({ title: res.data.msg, icon: 'none' });
									}
								});	
							}
						}
					});
				}
			});
			
		
		},
		//保存信息
		saveservice(){
			var that = this;
			let opts = {
				url: 'api/saveHandleScene',
				method: 'post'
			};
			let images=[]
			let imagesArry=that.formData[0].rules
			
			if(that.formData[0].rules[0].value!=null&&that.formData[0].rules[0].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[0].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			if(that.formData[0].rules[1].value!=null&&that.formData[0].rules[1].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[1].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			if(that.formData[0].rules[2].value!=null&&that.formData[0].rules[2].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[2].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			
			let SaveQrcodeSceneProcessInfo={
				Id:that.id,
				Images:images.join(','),
				isok:that.handleIsOk=='已解决'?1:0,
				Desc:that.SceneDesc,
				Voice:that.formData[1].rules.value,
			};
			request.httpTokenRequest(opts,SaveQrcodeSceneProcessInfo).then(res => {
				uni.hideLoading();
				if(res.data.code == 1){
					uni.showToast({ title: '保存成功', icon: 'none' });
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});	
		},
		startservice(){
			//开始维修
			var that = this;
			let opts = {
				url: 'api/startHandleScene',
				method: 'get'
			};
			let params={
				id:that.id
			};
			request.httpTokenRequest(opts,params).then(res => {
				uni.hideLoading();
				if(res.data.code == 1){
					that.showStart=false
					that.showSave=true
					uni.showToast({ title: '开始维修', icon: 'none' });
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});	
		},
		getHandleSceneDetail(id){
			uni.showLoading({
				title: '加载中'
			})
			var that = this;
			let opts = {
				url: 'api/getHandleSceneDetail',
				method: 'get'
			};
			let params={
				id:id
			};
			request.httpTokenRequest(opts,params).then(res => {
				uni.hideLoading();
				if(res.data.code == 1){
					//console.log(1)
					let dataDetail=res.data.data;
					
					//还没有开始维修
					if(dataDetail.Status!=6){
						that.showStart=true
						that.showSave=false
					}else{
						that.showStart=false
						that.showSave=true
					}
					// that.formData[0].rules.value=dataDetail.isok==1?'已解决':'未解决'
					// that.formData[0].rules.label=dataDetail.isok==1?'已解决':'未解决'
					// that.formData[1].rules.value=dataDetail.ProcessDesc
					that.handleIsOk=dataDetail.isok==1?'已解决':'未解决'
					that.SceneDesc=dataDetail.ProcessDesc
					let ProcessImagesArry=dataDetail.ProcessImagesArry
					if(ProcessImagesArry.length>0){
						for(let i=0;i<ProcessImagesArry.length;i++){
							that.formData[0].rules[i].value=this.$request22.imageUrl+ProcessImagesArry[i]
						}
					}
					let ProcessVoice=dataDetail.ProcessVoice
					if(ProcessVoice!=null&&ProcessVoice!=''){
						that.formData[1].rules.value=this.$request22.imageUrl+ProcessVoice
					}
					console.log('that.formData:'+that.formData)
					that.directFillPrice=dataDetail.directFillPrice
					that.discountPrice=dataDetail.discountPrice
					if(that.directFillPrice==1){
						that.totalPrice=dataDetail.totalPrice
					}else{
						that.allPrice=dataDetail.totalPrice
					}
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});	
		},
		GetChooseOutboundSpareBySceneId(){
			console.log('GetChooseOutboundSpareBySceneId')
			let that=this
			uni.showLoading({
				title: '加载中...'
			})
			let opts = {
				url: 'SpareApi/GetChooseOutboundSpareBySceneId',
				method: 'get'
			};
			let postData={
				SceneId:that.id
			}
			request.httpTokenRequest(opts,postData).then(res => {
				uni.hideLoading()
				if(res.data.code == 1){
					that.chooseSpareList=res.data.data
					//console.log(that.chooseSpareList)
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
		},
		GetChooseOutboundSpareBySceneIdV2(){
			let that=this
			let opts = {
				url: 'SpareApi/GetChooseOutboundSpareBySceneIdV2',
				method: 'get'
			};
			let postData={
				SceneId:that.id
			}
			request.httpTokenRequest(opts,postData).then(res => {
				if(res.data.code == 1){
					that.chooseSpareList=res.data.data
					//console.log(that.chooseSpareList)
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
		},
		GetChooseOutboundServiceBySceneId(){
			console.log('GetChooseOutboundServiceBySceneId')
			let that=this
			let opts = {
				url: 'SceneApi/GetChooseOutboundServiceBySceneId',
				method: 'get'
			};
			let postData={
				SceneId:that.id
			}
			request.httpTokenRequest(opts,postData).then(res => {
				if(res.data.code == 1){
					that.chooseServiceList=res.data.data.list
					that.allPrice=res.data.data.allPrice
					that.allPriceNotChange=res.data.data.allPrice
					//console.log(that.chooseSpareList)
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
		},
		choisespare(){
			uni.navigateTo({
				url:'/pages-device/spare/choosespare?sceneId='+this.id+'&qrcodeId='+this.qrcodeId
			})
		},
		chooseService(){
			this.directFillPrice=0
			//this.saveQrcodeSceneProcess()
			// uni.navigateTo({
			// 	url:'/pages-scene/sceneService?sceneId='+this.id+'&qrcodeId='+this.qrcodeId
			// })
		},
		goChooseService(){
			uni.navigateTo({
				url:'/pages-scene/sceneService?sceneId='+this.id+'&qrcodeId='+this.qrcodeId
			})
		},
		choisespareV2(){
			//看下有几个仓
			let that=this
			let opts = {
				url: 'SpareApi/GetSpareWarehouseList',
				method: 'get'
			};
			request.httpTokenRequest(opts).then(res => {
				if(res.data.code == 1){
					if(res.data.data.length>0){
						if(res.data.data.length==1){
							//直接带着仓库id跳转
							uni.navigateTo({
								url:'/pages-device/spare/choosespareV2?sceneId='+this.id+'&qrcodeId='+this.qrcodeId+'&warehouseId='+res.data.data[0].Id
							})
						}else{
							//打开弹窗
							that.SpareWareHouseList=res.data.data
							that.modalName = 'ModalGitee'
						}
					}else{
						uni.showToast({ title: '无仓库', icon: 'none' });
					}
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			});
			
			
			// uni.navigateTo({
			// 	url:'/pages-device/spare/choosespareV2?sceneId='+this.id+'&qrcodeId='+this.qrcodeId
			// })
		},
		chooseSpareWareHouseGoSpareList(Id){
			let that=this
			that.hideModal()
			uni.navigateTo({
				url:'/pages-device/spare/choosespareV2?sceneId='+this.id+'&qrcodeId='+this.qrcodeId+'&warehouseId='+Id
			})
		},
		hideModal(e) {
			this.modalName = ''
		},
		setNav(goodsNav) {
			let that=this
			that.goodsNav = goodsNav
			if (goodsNav == 6) {
				that.getAllSceneUserInfo()
			}
			if (goodsNav == 3) {
				that.GetChooseOutboundSpareBySceneIdV2();
			}
		},
		async getWaterMarkSettings(){
			let that=this
			let imageIndex= 0
			uni.getStorage({
			  	key: 'userdata',
			  	success: function (res1) {
					that.formData[imageIndex].watermark.UserName=res1.data.RealName
			  	}
			});
			that.formData[imageIndex].watermark.JobName='工单水印'
			  
			uni.getLocation({
			  	type: 'gcj02',
			  	altitude: true,
			  	success(res) {
					that.formData[imageIndex].watermark.jingweidu=res.latitude+','+res.longitude
					
					var qqmapsdk = new QQMapWX({
						key: that.$request22.qqMapKey//自己申请的key
					});
					qqmapsdk.reverseGeocoder({
						location: {
							latitude:res.latitude,
							longitude: res.longitude
						},
						success(addressRes) {
							that.formData[imageIndex].watermark.address = addressRes.result.address;
						},
						fail(res) {}
					});
			  	   }
			    })
				
			that.getTime()
			that.getCustomerName();
		},
		getCustomerName(){
			let that=this
			let imageIndex= 0
			let opts = {
				url: 'api/getCustomerName',
				method: 'get'
			};
			request.httpTokenRequest(opts).then(res => {
				if(res.data.code == 1){
					that.formData[imageIndex].watermark.customerName=res.data.msg
					that.isQrcodeService=res.data.data.isQrcodeService
					that.IsSceneTopic=res.data.data.IsSceneTopic
					if(that.IsSceneTopic==1){
						that.GetSceneWorkFlowList()
					}
					//SceneSelectAlbum
					//console.log('SceneSelectAlbum:'+res.data.data.SceneSelectAlbum)
					//that.formData[imageIndex].watermark.SceneSelectAlbum=res.data.data.SceneSelectAlbum
				}
				else{
					uni.showToast({ title: res.data.msg, icon: 'none' });
				}
			})	
		},
		getTime: function() {
			let that=this
			 let imageIndex= that.formData.findIndex(e => e.id === 'asdfdfgd')
			var date = new Date(),
				year = date.getFullYear(),
				month = date.getMonth() + 1,
				day = date.getDate(),
				hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(),
				minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(),
				second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
			month >= 1 && month <= 9 ? (month = "0" + month) : "";
			day >= 0 && day <= 9 ? (day = "0" + day) : "";
			var timer = year + '年' + month + '月' + day + '日';
			var timer2 = hour + ':' + minute + ':' + second;
			that.formData[imageIndex].watermark.nowTime=timer+' '+timer2
		},
		// 提交表单
		submit() {
			console.log('isButtonDisabled1:'+this.isButtonDisabled1)
			if(this.isButtonDisabled1){return}
			this.isButtonDisabled1=true
			
			this.$vervify(this.formData); //表单校验 成功会继续往下走 失败抛出异常

			const res = this.$submitForm(this.formData); //校验成功 获取表单值
			let that=this
			uni.showLoading({
				title: '提交中...'
			})
			let opts = {
				url: 'api/HandleQrcodeScene',
				method: 'post'
			};
			that.requestData.Desc=that.SceneDesc;
			that.requestData.Id=that.id;
			console.log("handleIsOk:"+that.handleIsOk)
			that.requestData.isok=that.handleIsOk=='已解决'?1:0;
			console.log("that.requestData:"+JSON.stringify(that.requestData))
			let images=[]
			if(that.formData[0].rules[0].value!=null&&that.formData[0].rules[0].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[0].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			if(that.formData[0].rules[1].value!=null&&that.formData[0].rules[1].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[1].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			if(that.formData[0].rules[2].value!=null&&that.formData[0].rules[2].value!=''){
				images.push('/'+this.$request22.QiNiuNameSpace+that.formData[0].rules[2].value.split(this.$request22.QiNiuNameSpace)[1])
			}
			that.requestData.Images=images;
			that.requestData.Video=that.formData[1].rules.value;
			
			uni.getLocation({
				type: 'gcj02',
				altitude: true,
				success(res) {
					that.requestData.Longitude=res.longitude;
					that.requestData.Latitude=res.latitude;
					
					request.httpTokenRequest(opts,that.requestData).then(res => {
						uni.hideLoading();
						that.isButtonDisabled1=false
						if(res.data.code == 1){
							uni.showToast({ title:'处理成功', icon: '/static/success.png' });
							
							setTimeout(() => {
								 uni.reLaunch({
									url: '/pages/index/tabbar?PageCur='+'index'
								 });
							}, 400)
						}
						else{
							uni.showToast({ title: res.data.msg, icon: 'none' });
						}
					})
				},fail() {
					request.httpTokenRequest(opts,that.requestData).then(res => {
						uni.hideLoading();
						that.isButtonDisabled1=false
						if(res.data.code == 1){
							uni.showToast({ title:'处理成功', icon: '/static/success.png' });
							
							setTimeout(() => {
								 uni.reLaunch({
									url: '/pages/index/tabbar?PageCur='+'index'
								 });
							}, 400)
						}
						else{
							uni.showToast({ title: res.data.msg, icon: 'none' });
						}
					})
				}
			})
		},
		//选择备件-old
		chooseBeiJian(){
			uni.navigateTo({
				url:'/pages-device/spare/choosespare?sceneId='+this.id
			})
		},
		//减少 chooseSpareList.ETBJAndFSEntityDTO
		sub(storeIndex, goodsIndex, goodsnum){
			//console.log('sub')
			if(goodsnum == 1){
				return
			}else{
				this.chooseSpareList[storeIndex].ETBJAndFSEntityDTO[goodsIndex].counts--
			//console.log(this.chooseSpareList[storeIndex].ETBJAndFSEntityDTO[goodsIndex].counts)
			}
			this.statistics()
		},
		//增加
		add(storeIndex, goodsIndex, goodsnum){
			//console.log('add')
			this.chooseSpareList[storeIndex].ETBJAndFSEntityDTO[goodsIndex].counts++
			//console.log(this.chooseSpareList[storeIndex].ETBJAndFSEntityDTO[goodsIndex].counts)
			this.statistics()
		},
		//统计
		statistics(){
		},
  },
};
</script>

<style lang="scss">
.cu-dialog{
	height: auto;
}
.checkJob{
	width:80px;
	float:right;
}
.order {
	background-color: #ffffff;
	margin: 20rpx auto;
	border-radius: 20rpx;
	box-sizing: border-box;
	padding: 15rpx;
	font-size: 28rpx;
	.top {
		display: flex;
		justify-content: space-between;
		.left {
			display: flex;
			align-items: center;
			.store {
				margin: 0 10rpx;
				font-size: 34rpx;
				font-weight: bold;
			}
		}
		.right {
			color: $u-type-warning-dark;
			.progressBox{
				width: 150rpx;
				float: right;
				.btn {
					line-height: 52rpx;
					width: 140rpx;
					border-radius: 12rpx;
					border: 2rpx solid $u-tips-color;
					font-size: 26rpx;
					text-align: center;
					color: $u-tips-color;
				}
				.evaluate {
					color: $u-type-primary;
					border-color: $u-type-primary;
				}
			}
		}
	}
	.item {
		display: flex;
		margin: 20rpx 0 0;
		.left {
			margin-right: 20rpx;
			image {
				width: 260rpx;
				height: 190rpx;
				border-radius: 10rpx;
			}
		}
		.content {
			.title {
				font-size: 28rpx;
				line-height: 45rpx;
			}
			.type {
				margin: 6rpx 0;
				font-size: 24rpx;
				color: $u-tips-color;
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				line-clamp: 3;
				-webkit-box-orient: vertical;
			}
			.delivery-time {
				color: #0081ff;
				font-size: 24rpx;
			}
		}
		.right {
			margin-left: 10rpx;
			padding-top: 20rpx;
			text-align: right;
			.decimal {
				font-size: 24rpx;
				margin-top: 4rpx;
			}
			.number {
				color: $u-tips-color;
				font-size: 24rpx;
			}
		}
	}
	.total {
		margin-top: 20rpx;
		text-align: right;
		font-size: 24rpx;
		.total-price {
			font-size: 32rpx;
		}
	}
	.bottom {
		line-height: 70rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.btnBox{
			width: 150rpx;
			display: flex;
			justify-content: space-between;
			.btn {
				line-height: 52rpx;
				width: 140rpx;
				border-radius: 12rpx;
				border: 2rpx solid $u-tips-color;
				font-size: 26rpx;
				text-align: center;
				color: $u-tips-color;
			}
			.evaluate {
				color: $u-type-primary;
				border-color: $u-type-primary;
			}
		}
	}
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  //padding-top: 30rpx;
}


.each{
	width: 100%;
}
.repairType{
	border-radius:16rpx 16rpx 0 0;
	box-sizing: border-box;
	width: 94%;
	margin: 0 3%;
	background-color: #fff;
	height: 80rpx;
	line-height: 80rpx;
	padding: 0 25rpx;
	font-weight: 700;
	font-size: 30rpx;
	border-bottom:1px solid rgba(242, 242, 242, 1)
}
.repairBox{
	border-radius: 0 0 16rpx 16rpx;
	box-sizing: border-box;
	width: 94%;
	margin: 0 3% 0rpx 3%;
	padding: 25rpx ;
	background-color: #fff;
	display: flex;
	justify-content: space-around;//实现水平方向均匀布局，space-between水平靠左靠右
	text-align: center;
	.selectType{
		width: 26%;
		height: 60rpx;
		line-height: 60rpx;
		color: #409eff;
		background-color: #f6faff;
		border:1px solid rgba(160, 207, 255, 1);
		border-radius: 5px;
	}
	.eachType{
		width: 26%;
		height: 60rpx;
		line-height: 60rpx;
		color: #999999;
		background-color: #fff;
		border:1px solid rgb(233, 233, 233);
		border-radius: 5px;
		font-size: 26rpx;
	}
}

	.publish-goods-wrap {
		background: rgba(255, 255, 255, .5);
		padding: 24rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99999;
	}

	.publish-goods-btn {
		margin: 24rpx;
		background: #0079FE;
		color: #FFFFFF;
		height: 82rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
	}

	.goods-empty-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40%;
	}
	.goods-item-wrap {
		margin-top: 24rpx;
	}
	
	.goods-header-wrap {
		display: flex;
		align-items: center;
		padding: 24rpx;
		background: #FFFFFF;
		margin-bottom: 10rpx;
	}
	.goods-header-item-active{
		font-size: 36rpx;
		font-color: #333333;
		font-weight: bold;
		position: relative;
	}
	.goods-header-item-active::after{
		position: absolute;
		left: 0;
		right: 0;
		background: #4372fe;
		height: 8rpx;
		content: "";
		bottom: -12rpx;
	}
	.goods-header-item-action {
		// font-size: 32rpx;
		// font-color: #333333;
		// font-weight: bold;
		position: relative;
	}
	
	.goods-header-item-action::after {
		// position: absolute;
		// left: 0;
		// right: 0;
		// background: #4372fe;
		// height: 8rpx;
		// content: "";
		// bottom: -12rpx;
	}
	.extraPosition{
		position: absolute;
		right: -5rpx;
		top: -10rpx;
		font-size: 20rpx;
		padding: 0rpx 10rpx;
		height: 28rpx;
		color: #ffffff;
		background-color: #dd514c;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.goods-header-item {
		margin-right: 42rpx;
	}
	.publish-goods-btn-left {
		width: 48%;
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		background: #0079FE;
		color: #FFFFFF;
		height: 82rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
		float: left;
	}
	.publish-goods-btn-right {
		width: 48%;
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		background: #e54d42;
		color: #FFFFFF;
		height: 82rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
		float: right;
	}

	.publish-goods-btn {
		margin: 24rpx;
		background: #0079FE;
		color: #FFFFFF;
		height: 82rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
	}
	.content-body{
		padding-top: 20rpx;
		padding-bottom: 200rpx;
		width: 100%;
		background-color: white;
	}
	.choisespare{
		margin:auto;
		background: #F3F4F6;
		color: #333333;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 12rpx;
		width: 420rpx;
		font-weight: 600;
	}
	.content-body-service{
		padding-top: 20rpx;
		padding-bottom: 200rpx;
		width: 100%;
		background-color: white;
		display: flex;
		align-items: center;
	}
	.choiseservice{
		margin:auto;
		background: #F3F4F6;
		color: #333333;
		height: 72rpx;
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		border-radius: 12rpx;
		width: 43%;
		font-weight: 600;
	}
	.choiseservice-active{
		margin:auto;
		background: #F3F4F6;
		color: #21499F;
		height: 72rpx;
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		border-radius: 12rpx;
		width: 43%;
		font-weight: 600;
		border: 1px solid #21499F;
	}
	.goods-empty-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40%;
	}
	
	
	.goods-item-wrap {
		background: #FFFFFF;
		display: flex;
		padding: 24rpx;
		margin: 12rpx;
		border-radius: 8rpx;
	}
	.goods-image {
		width: 200rpx;
		height: 200rpx;
		border-radius: 4rpx;
		flex: none;
	}
	.goods-content-wrap {
		padding-left: 24rpx;
	}	
	.goods-name {
		font-size: 32rpx;
		font-weight: bold;
		display: flex;
		position: relative;
	}
	
	.goods-stock-wrap {
		display: flex;
		color: #969696;
		font-size: 24rpx;
		margin-top: 12rpx;
	}
	
	.goods-stock {
		margin-right: 24rpx;
	}
	
	.empty-shop-car {
		width: 750rpx;
		min-height: 680rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	
		.empty-shop-car-image {
			width: 340rpx;
			height: 278rpx;
			margin-top: 102rpx;
		}
	
		text {
			margin-top: 40rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #666666;
		}
	
		.empty-shop-car-btn {
			width: 240rpx;
			height: 90rpx;
			background: #0081ff;
			color: #FFFFFF;
			border-radius: 200rpx;
			margin-top: 40rpx;
			text-align: center;
			line-height: 90rpx;
			font-size: 30rpx;
			font-weight: 400;
		}
	}
	
	.shop-car {
		width: 750rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #F3F4F6;
	
		.shop-car-header {
			width: 690rpx;
			height: 80rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
	
			text {
				font-size: 28rpx;
				font-weight: 400;
				color: #313133;
			}
		}
	
		.store-box {
			width: 750rpx;
			margin-bottom: 20rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #FFFFFF;
	
			.store-header {
				width: 690rpx;
				height: 78rpx;
				padding: 0 30rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				font-size: 28rpx;
				font-weight: 400;
				color: #313133;
	
				.checked-image {
					width: 36rpx;
					height: 36rpx;
				}
	
				text {
					font-size: 28rpx;
					font-weight: 400;
					color: #313133;
					margin-left: 20rpx;
				}
	
				.label {
					width: 14rpx;
					height: 24rpx;
					margin-left: 10rpx;
					margin-top: 5rpx;
				}
			}
	
			.goodsInfo {
				width: 690rpx;
				height: 246rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				border-bottom: 2rpx solid #EDEDED;
	
				&:nth-last-child(1) {
					border: none;
				}
	
				.checked-image {
					width: 36rpx;
					height: 36rpx;
				}
	
				.goodsInfo-right {
					width: 634rpx;
					height: 246rpx;
					margin-left: 20rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
	
					.goods-image {
						width: 140rpx;
						height: 140rpx;
					}
	
					.goodsInfo-box {
						width: 428rpx;
						margin-left: 24rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
	
						.goods-name {
							width: 428rpx;
							font-size: 32rpx;
							font-weight: 600;
							color: #313133;
							
						}
	
						.spe {
							width: 428rpx;
							margin-top: 10rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #919298;
						}
	
						.spe1 {
							width: 428rpx;
							margin-top: 10rpx;
							font-size: 24rpx;
							font-weight: 400;
							color: #919298;
						}
							.goods-box {
							width: 428rpx;
							margin-top: 18rpx;
							display: flex;
							flex-direction: row;
							align-items: center;
							//justify-content: space-between;
							text-align: left;
	
							.goods-price {
								font-size: 28rpx;
								font-weight: 600;
								color: #e7612e;
								margin-right: 20rpx;
							}
	
							.goods-price1 {
								font-size: 28rpx;
								font-weight: 600;
								color: #54B886;
							}
							.goods-num-box {
								width: 168rpx;
								height: 46rpx;
								display: flex;
								flex-direction: row;
								align-items: center;
	
								.goods-image {
									width: 46rpx;
									height: 44rpx;
									text-align: center;
									line-height: 44rpx;
									border: 1rpx solid #CFCFCF;
									font-size: 38rpx;
								}
	
								.goods-num {
									width: 76rpx;
									height: 44rpx;
									text-align: center;
									line-height: 44rpx;
									font-size: 33rpx;
									font-weight: 400;
									color: #666666;
									border-top: 1px solid #CFCFCF;
									border-bottom: 1px solid #CFCFCF;
								}
							}
						}
					}
				}
			}
		}
	
		.statistics-box {
			width: 750rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #FFFFFF;
			position: fixed;
			bottom: 0;
	
			.statistics {
				width: 720rpx;
				padding: 0 0 0 30rpx;
				height: 98rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
	
				.statistics-left {
					width: 120rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: space-between;
	
					image {
						width: 36rpx;
						height: 36rpx;
					}
	
					text {
						font-size: 30rpx;
						font-weight: 400;
						color: #313133;
					}
				}
	
				.statistics-right {
					width: 600rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: flex-end;
	
					.btn {
						width: 218rpx;
						height: 98rpx;
						background: #0081ff;
						color: white;
						text-align: center;
						line-height: 98rpx;
						font-size: 30rpx;
						font-weight: 400;
						margin-left: 40rpx;
					}
	
					text {
						font-size: 30rpx;
						font-weight: 400;
						color: white;
					}
	
					.text-color {
						color: rgba(242, 18, 18, 1);
					}
				}
			}
	
			.gap {
				width: 750rpx;
				height: 40rpx;
			}
		}
	}
	.ETBJAndFSEntitytitle{
		width: 100%;
		height: 80rpx;
		//border-bottom: 1px solid #F2F5F9;
		padding-left: 40rpx;
		//margin-bottom: 20rpx;
		line-height: 80rpx;
		.ETBJAndFSEntitytitle-left{
			width: auto;
			height: 100%;
			text-align: left;
			color: #313133;
			font-size: 28rpx;
			font-weight: 600;
			display: block;
			float: left;
		}
		.ETBJAndFSEntitytitle-right{
			width: auto;
			height: 100%;
			text-align: right;
			color: #313133;
			font-size: 28rpx;
			font-weight: 600;
			display: block;
			float: right;
			margin-right: 40rpx;
		}
		// 1 审核中，2 通过，3 驳回
		.status1{
			color: #FC9979;
		}
		.status2{
			color: #54B886;
		}
		.status3{
			color: #e54d42;
		}
	}
	.ETBJAndFSEntitytitleStore{
		width: 100%;
		height: 60rpx;
		border-bottom: 1px solid #F2F5F9;
		padding-left: 40rpx;
		padding-bottom: 20rpx;
		line-height: 40rpx;
		.ETBJAndFSEntitytitle-left{
			width: auto;
			height: 100%;
			text-align: left;
			color: #313133;
			font-size: 28rpx;
			font-weight: 600;
			display: block;
			float: left;
		}
	}
	.chooseBoxTextArea{
		width: 100%;
		background-color: #fff;
		margin: auto;
		margin-top: 10rpx;
		border-radius: 20rpx;
		padding: 47rpx 30rpx 27rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.titleleftBox{
			//display: flex;
			//align-items: center;
			width: 100%;
		}
		.titlerightBox{
			display: flex;
			align-items: right;
			font-size: 24rpx;
			color:#0079FE;
			width: 100%;
			font-weight: 500;
			line-height: 40rpx;
			height: 40rpx;
		}
		.choose{
			padding-left: 10rpx;
			font-weight: 600;
			font-size: 28rpx;
			color: #000000;
			display: flex;
			justify-content: space-between;
			.chooseRight{
				font-size: 26rpx;
				//color:#0079FE;
				font-weight: 500;
				line-height: 20rpx;
			}
		}
		.descTextArea{
			padding: 20rpx;
			width:100%;
			font-size:28rpx;
			height:100rpx;
		}
		.rapid{
			font-size: 28rpx;
			font-weight: 500;
			margin-left: 20rpx;
			color: #333;
			width: 70%;
		}
		.select-icon{
			float: right;
			border-bottom: 2upx solid #999;
			border-right: 2upx solid #999;
			width: 16upx;
			height: 16upx;
			transform: rotate(-45deg);
			margin-right: 30rpx;
		}
	}
	
	
	.totalPrice{
		font-size: 26rpx;
	}
	.proceTextarea{
		font-size:36rpx;
		color:#e54d42;
		font-weight: 600;
		padding: 20rpx 10rpx;
		width:100%;
		height:100rpx;
	}
	
	.goodsNav3{
		width: 100%;
		background-color: #fff;
		padding: 10px 15px;
		margin-top: 10px;
		border-radius: 15rpx;
		
		.addMinorBtn {
			border-radius: 5px;
			color: #136BD6;
			background: #E0ECFB;
			border: 1px dashed #136BD6;
			font-size: 24rpx;
			padding: 10rpx 0;
			margin-bottom: 45rpx;
		}
		
		.mask {
			position: fixed;
			right: 0;
			left: 0;
			top: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, .3);
			z-index: 99;
		}
		.repairContent {
			.marginBto45rpx {margin-bottom: 45rpx;}
			.repairInfoBox {
				.whoRepair {
					font-size: 16px;
					color: #000;
					border-left: 3px solid #4372FE;
					text-indent: 5px;
					margin-bottom: 40rpx;
				}
				
				.repairInfoCard {
					border-radius: 8px;
					background-color: rgba(99, 161, 237, 0.2);
					padding: 30rpx;
					color: #000;
					margin: 20rpx 0;
					
					.workHour{
						color: #D43030;
						margin-left: 10rpx;
					}
					.repairer {
						margin-bottom: 15rpx;
						
						.repairName {
							margin-left: 10rpx;
						}
					}
					.timeCard {
						display: flex;
						justify-content: space-between;
						align-items: flex-end;
						border-bottom: 1px solid rgba(153,153,153,.3);
						margin-bottom: 10rpx;
						
						.timeLines {
							.showTimeLine{
								margin-bottom: 10rpx;
								.timeTitle {
									margin-right: 30rpx;
								}
							}
						}
						.totalTime {
							margin-bottom: 10rpx;
							width: 25%;
							.workHourtitle {
								
							}
						}
					}
					.disFlex {
						display: flex;
						justify-content: space-between;
						align-items: center;
					}
					.footTime {
						.delCon {
							align-self: flex-end;
							width: 30px;
							height: 30px;
							border-radius: 50%;
							background: #e8e0e4;
							display: flex;
							justify-content: center;
							align-items: center;
							image {
								width: 60%;
							}
						}
					}
				}
			}
		}
	}
	
	.cu-timeline .cu-time {
		width: 100%;
		text-align: left;
		padding: 20rpx 0 20rpx 37rpx;
		font-size: 26rpx;
		color: #888;
		display: block;
	}
	.cu-capsule{
		border-radius: 10rpx;
	}
	.timeBox {
		background-color: #fff;
		border-radius: 10px;
		width: 95%;
		margin: 0 2.5%;
		
		.timeLine {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20rpx 40rpx;
			
			.leftTime {
				
				display: flex;
				align-items: center;
				
				.timeText {
					font-size: 16px;
					font-weight: 700;
				}
				.detailTime{
					font-size: 16px;
					margin-left: 45rpx;
				}
			}
			
			.timeBtn {
				button {
					background-color: #0079FE;
					color: #fff;
					font-size: 12px;
				}
			}
		}
	}
	.cardBox {
		background-color: #fff;
		border-radius: 10px;
		width: 95%;
		margin: 10rpx 2.5%;
		padding: 40rpx 60rpx;
		
		.titleLine {
			position: relative;
			.headTitle {
				font-size: 20px;
				font-weight: 700;
			}
			.costRequire{
				width: 15rpx;
				height: 15rpx;
				position: absolute;
				top: 10rpx;
				left: -25rpx;
			}
		}
		
		.textDesc{
			margin-top: 20rpx;
			
			.handleArea {
				width: 100%;
				font-size: 30rpx;
				font-weight: 400;
				min-height: 200rpx;
			}
			.costArea {
				width: 100%;
				font-size: 18px;
				color: #43CF7C;
			}
		}
	}
	.goodsNav6{
		width: 100%;
		background-color: #fff;
		padding: 10px 15px;
		margin-top: 10px;
		border-radius: 15rpx;
		.addMinorBtn {
			border-radius: 5px;
			color: #136BD6;
			background: #E0ECFB;
			border: 1px dashed #136BD6;
			font-size: 24rpx;
			padding: 10rpx 0;
			margin-bottom: 45rpx;
		}
		
		.mask {
			position: fixed;
			right: 0;
			left: 0;
			top: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, .3);
			z-index: 99;
		}
		.repairContent {
			.marginBto45rpx {margin-bottom: 45rpx;}
			.repairInfoBox {
				.whoRepair {
					font-size: 16px;
					color: #000;
					border-left: 3px solid #4372FE;
					text-indent: 5px;
					margin-bottom: 40rpx;
				}
				
				.repairInfoCard {
					border-radius: 8px;
					background-color: rgba(99, 161, 237, 0.2);
					padding: 30rpx;
					color: #000;
					margin: 20rpx 0;
					
					.workHour{
						color: #D43030;
						margin-left: 10rpx;
					}
					.repairer {
						margin-bottom: 15rpx;
						
						.repairName {
							margin-left: 10rpx;
						}
					}
					.timeCard {
						display: flex;
						justify-content: space-between;
						align-items: flex-end;
						border-bottom: 1px solid rgba(153,153,153,.3);
						margin-bottom: 10rpx;
						
						.timeLines {
							.showTimeLine{
								margin-bottom: 10rpx;
								.timeTitle {
									margin-right: 30rpx;
								}
							}
						}
						.totalTime {
							margin-bottom: 10rpx;
							width: 25%;
							.workHourtitle {
								
							}
						}
					}
					
					.disFlex {
						display: flex;
						justify-content: space-between;
						align-items: center;
					}
					.footTime {
						.delCon {
							align-self: flex-end;
							width: 30px;
							height: 30px;
							border-radius: 50%;
							background: #e8e0e4;
							display: flex;
							justify-content: center;
							align-items: center;
							
							
							image {
								width: 60%;
							}
						}
					}
				}
			}
		}
	}
	/*单选自定义*/
	.contentCustom {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 14rpx;
		width:100%;
		.each{
			width: 100%;
		}
		.repairType{
			border-radius:16rpx 16rpx 0 0;
			box-sizing: border-box;
			width: 94%;
			margin: 0 3%;
			background-color: #fff;
			height: 80rpx;
			line-height: 80rpx;
			padding: 0rpx 30rpx 0rpx;
			font-weight: 600;
			font-size: 28rpx;
			border-bottom:1px solid rgba(242, 242, 242, 1)
		}
		.repairBox{
			border-radius: 0 0 16rpx 16rpx;
			box-sizing: border-box;
			width: 94%;
			margin: 0 3% 0rpx 3%;
			padding: 30rpx ;
			background-color: #fff;
			justify-content: left;//实现水平方向均匀布局，space-between水平靠左靠右
			text-align: left;
			.selectType{
				width: 26%;
				height: 60rpx;
				line-height: 60rpx;
				color: #409eff;
				background-color: #f6faff;
				border:1px solid rgba(160, 207, 255, 1);
				border-radius: 5px;
			}
			.eachType{
				width: 26%;
				height: 60rpx;
				line-height: 60rpx;
				color: #999999;
				background-color: #fff;
				border:1px solid rgb(233, 233, 233);
				border-radius: 5px;
				font-size: 38rpx;
			}
		}
	}
	.chooseBoxTextArea {
		width: 95%;
		background-color: #fff;
		margin: auto;
		margin-top: 10rpx;
		border-radius: 20rpx;
		padding: 27rpx 30rpx 27rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.titleleftBox {
			width: 100%;
		}
		.choose {
			padding-left: 10rpx;
			font-weight: 600;
			font-size: 28rpx;
			color: #000000;
			display: flex;
			justify-content: space-between;
			align-items: center;
			line-height: 60rpx;
			.chooseLeft {
				// 靠左对齐
			}
			.chooseRightContainer {
				display: flex;
				align-items: center;
				.chooseMiddle {
					font-size: 26rpx;
					font-weight: 500;
					line-height: 60rpx;
					margin-left: 20rpx;
				}
				.chooseRight {
					font-size: 26rpx;
					font-weight: 500;
					line-height: 60rpx;
					margin-left: 20rpx;
				}
			}
		}
		.descTextArea {
			padding: 20rpx;
			width: 100%;
			font-size: 28rpx;
			height: 200rpx;
		}
		.holdToTalkButton {
			width: 100%;
			height: 70rpx;
			line-height: 70rpx;
			text-align: center;
			background-color: #F3F3F3;
			border-radius: 10rpx;
			font-size: 26rpx;
			color: #333;
			border: 1rpx solid #E7E7E7;
			transition: background-color 0.3s;
			&:active {
				background-color: #e0e0e0; /* 按钮按下时的背景色 */
			}
		}
	}
	/* 录音转文字动画-start */
	.prompt {
		width: 100%;
		height: 180rpx;
		position: fixed;
		bottom: 50vh;
	}
	
	.prompt text {
		position: absolute;
		bottom: 20rpx;
		color: white;
		left: calc(45%);
		animation: puls 1.5s infinite ease-in-out;
	}
	
	.dots-container {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 80px;
		width: 45%;
		position: absolute;
		bottom: 0px;
		left: calc(27.5%);
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 20rpx;
		padding-bottom: 40rpx;
	}
	
	.dot {
		height: 28rpx;
		width: 28rpx;
		margin-right: 20rpx;
		border-radius: 20rpx;
		background-image: linear-gradient(#5396FF, #AEDAFF);
		animation: pulse 1.5s infinite ease-in-out;
	}
	
	.dot:last-child {
		margin-right: 0;
	}
	
	.dot:nth-child(1) {
		animation-delay: -0.3s;
	}
	
	.dot:nth-child(2) {
		animation-delay: -0.1s;
	}
	
	.dot:nth-child(3) {
		animation-delay: 0.1s;
	}
	
	@keyframes pulse {
		0% {
			transform: scale(0.8);
			background-color: #66A3FF;
			box-shadow: 0 0 0 0 rgba(102, 163, 255, 0.7);
		}
		50% {
			transform: scale(1.2);
			background-color: #ADD8FF;
			box-shadow: 0 0 0 10px rgba(174, 218, 255, 0);
		}
		100% {
			transform: scale(0.8);
			background-color: #66A3FF;
			box-shadow: 0 0 0 0 rgba(102, 163, 255, 0.7);
		}
	}
	
	@keyframes puls {
		0% { transform: translateY(0px) }
		50% { transform: translateY(-4px) }
		100% { transform: translateY(0px) }
	}
	/* 录音转文字动画-end */
</style>